$(function () {
    $(window).bind('beforeunload',function(){return '\n提示：未保存的内容将会丢失。\n';});
    editormd("test-editormd", {
        width   : "100%",
        height  : 600,
        syncScrolling : "single",
        //你的lib目录的路径
        // imageUpload:true,
        // imageFormats:["jpg",'jpeg','gif','webp'],
        // imageUploadURL:'',
        tocm : true, // Using [TOCM]
        tex : true, // 开启科学公式TeX语言支持，默认关闭
        flowChart : false, // 开启流程图支持，默认关闭
        path    : "/../plugins/editormd/lib/",
        //这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。
        saveHTMLToTextarea : true
    });
    // 或用用户分类列表
    if(getQueryString('id')!==null){
        // $('input[name="fenlei"]').amsifySuggestags({
        //     type:'bootstrap',
        //     tagLimit: 3
        // });
        // $('input[name="fenlei"]').attr('disabled','disabled')
        $('.fenleibtn').attr('disabled','disabled')
        $('.fenleibtn').text('已确定分类，不允许修改')
        $('.checkfenlei').css('display','none')
        $('.fenleitxt').show()
    }
    if (getQueryString('id')==null){
        $.ajax({
            url: '/type/list',
            type: 'Get',
            dataType: "json",
            // data: ,
            // async: true,
            processData: false,   // 不处理发送的数据
            contentType: false,   // 不设置Content-Type请求头
            success: function (res) {
                console.log(res)
                if (res.code == 200) {
                    $(".form-check-inline").remove()
                    $('.input2').val("")
                    for(let i=0;i<res.data.length;i++){
                        var str = $('<div class="form-check form-check-inline">\n' +
                            '<input class="form-check-input" type="checkbox" name="fenleiselected" id="fenleiCheckbox'+i+'" value="'+res.data[i].name+'">\n' +
                            '<label class="form-check-label" for="fenleiCheckbox'+i+'">'+res.data[i].name+'</label>\n' +
                            '</div>')
                        $('.checkfenleibody').append(str)
                        // typearr.push(res.data[i].name)
                    }


                }
                else{
                    $.toast({
                        title: '通知',
                        subtitle: '1秒前',
                        content: res.data,
                        type: 'error',
                        delay: 3000,
                        pause_on_hover: false
                    });
                }
            }
        })
    }
    // 文章类型标签
    // 提示
    var data=['Java', 'JavaScript', 'Python', 'C#', 'node.js', 'mysql','html','css']
    $('.titlebtn').click(function () {
        $('input[name="title"]').amsifySuggestags({
            type:'bootstrap',
            tagLimit: 3,
            suggestions: data
        });
    })
    // 分类标签
    $('.fenleibtn').click(function () {
        $('input[name="fenlei"]').amsifySuggestags({
            type:'bootstrap',
            tagLimit: 3
        });

    })
    // 获取选中的数组
    var fenarr = []
    $(document).on('click','input:checkbox',function () {
        var checkboxarr = []
        fenarr = $('.input2').val().split(',')
        if(this.checked){
            checkboxarr.push($(this).val())
            fenarr.push(checkboxarr)
        }
        else {
            checkboxarr.splice($.inArray($(this).val(),checkboxarr),1)
            fenarr.splice($.inArray($(this).val(),fenarr),1)
        }
        $('.input2').val(fenarr)
        $('input[name="fenlei"]').amsifySuggestags({
            type:'bootstrap',
            tagLimit: 3,
            afterAdd: function(value){
                $("input:checkbox").each(function () {
                    if ($(this).val()==value&&!this.checked) {
                        this.checked = !this.checked
                    }
                });
                $("input:checkbox").click(function () {
                    if(fenarr.length>3&&this.checked){
                        alert("最多只能选择三个分类！")
                        this.checked=false
                    }

                })
            },
            afterRemove : function(value) {
                $("input:checkbox").each(function () {
                    if ($(this).val()==value) {
                        this.checked = !this.checked
                    }
                });
                checkboxarr.splice($.inArray(value,checkboxarr),1)
            }
        });

    })
    $('.delebtn').click(function () {
        // 解除绑定
        $(window).unbind('beforeunload');
        // 获取浏览器参数
        var id = getQueryString('id')
        // console.log("id为："+id)
        //标签
        var titlearr = $('.input1').val().split(',')
        console.log("标签"+titlearr)
        // 分类
        var fenleiarr = $('.input2').val().split(',')
        console.log("分类"+fenleiarr)
        // 获取是否评论
        var iscomment = $("input[name='articcomment']:checked").val();
        // 发布or草稿
        var isarticrelease = $("input[name='articrelease']:checked").val();
        var userid = $('#userid').val()
        console.log("用户id为"+userid)

        // 内容
        var content = $('.editormd-html-textarea').val()
        var contentmd=$('.editormd-markdown-textarea').val()

        var title = $('#title').val()
        console.log("标题"+ title)
        console.log("内容："+content)
        console.log('md内容'+contentmd)
        console.log("是否评论"+iscomment,"是否发布"+isarticrelease)
        var articleCreateVO = new FormData()
        var ArticleUpdateVO = new FormData()
        articleCreateVO.append('title',title)
        articleCreateVO.append('content',content)
        articleCreateVO.append('categories',fenleiarr)
        articleCreateVO.append('tags',titlearr)
        articleCreateVO.append('isComment',iscomment)
        articleCreateVO.append('isRelease',isarticrelease)
        articleCreateVO.append('contentMd',contentmd)


        ArticleUpdateVO.append('id',id)



        ArticleUpdateVO.append('userId',userid)
        ArticleUpdateVO.append('title',title)
        ArticleUpdateVO.append('content',content)
        ArticleUpdateVO.append('categories',fenleiarr)
        ArticleUpdateVO.append('tags',titlearr)
        ArticleUpdateVO.append('isComment',iscomment)
        ArticleUpdateVO.append('isRelease',isarticrelease)
        ArticleUpdateVO.append('contentMd',contentmd)

        if(id==null){
            console.log('新增')
            $.ajax({
                    url: '/article/insert',
                    type: 'post',
                    data:articleCreateVO,
                    dataType: "json",
                    // async: true,
                    processData: false,   // 不处理发送的数据
                    contentType: false,   // 不设置Content-Type请求头
                    success:
                        function (res) {
                            console.log(res)
                            if (res.code == 200) {
                                $.toast({
                                    title: '通知',
                                    subtitle: '1秒前',
                                    content: '提交成功',
                                    type: 'success',
                                    delay: 3000,
                                    pause_on_hover: false
                                });
                                window.setInterval(function () {
                                    window.location.href='/editor/index'
                                },1500)


                            } else {
                                $.toast({
                                    title: '通知',
                                    subtitle: '1秒前',
                                    content: res.msg,
                                    type: 'error',
                                    delay: 3000,
                                    pause_on_hover: false
                                });
                            }
                        }
                }
            )
        }
        else {
            console.log("修改文章")
            $.ajax({
                    url: '/article/update',
                    type: 'post',
                    data:ArticleUpdateVO,
                    dataType: "json",
                    // async: true,
                    processData: false,   // 不处理发送的数据
                    contentType: false,   // 不设置Content-Type请求头
                    success:
                        function (res) {
                            console.log(res)
                            if (res.code == 200) {
                                $.toast({
                                    title: '通知',
                                    subtitle: '1秒前',
                                    content: '修改成功',
                                    type: 'success',
                                    delay: 3000,
                                    pause_on_hover: false
                                });
                                window.setInterval(function () {
                                    window.location.href='/editor/index'
                                },1500)
                            } else {
                                $.toast({
                                    title: '通知',
                                    subtitle: '1秒前',
                                    content: res.msg,
                                    type: 'error',
                                    delay: 3000,
                                    pause_on_hover: false
                                });
                            }
                        }
                }
            )

        }

    })

})


// 获取浏览器参数
function getQueryString(name) {

    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}